<template>
  <div class=''>
    <!-- 获取微信分享权限 -->
  </div>
</template>
<script>
import wx from 'weixin-js-sdk'
export default {
  data () {
    return {
    }
  },
  created() {
    this.share()
  },
  methods: {
    // 发送请求，获取jssdk
    share() {
      let _this = this
      let myurl = location.href.split('#')[0]
      let data = {
        url_test: myurl,
      }
      _this.$api.sumrue.getWXjssdk(data).then(
        res=> {
          wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: res.appId, // 必填，公众号的唯一标识
            timestamp: res.timestamp, // 必填，生成签名的时间戳
            nonceStr: res.nonceStr, // 必填，生成签名的随机串
            signature: res.signature,// 必填，签名，见附录1
            jsApiList: [
              'updateAppMessageShareData',
              'updateTimelineShareData',
              'onMenuShareQQ',
              'onMenuShareWeibo',
              'onMenuShareQZone',
              'chooseImage',
              'previewImage',
              'uploadImage',
              'downloadImage',
              'openLocation',
              'getLocation',
              'scanQRCode',
              'chooseWXPay'
              ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
          })
          console.log(res)
        }
      ).catch(
        error => {
          // 请求错误，即未获取授权或者openid时，第一次进入页面时
          console.log(error)
        }
      )

    
      wx.ready(function(){
        // 分享到朋友圈
          // 分享数据从vuex中设置，每个分享页面分享时，改变vuex中的值即可
        wx.updateTimelineShareData({
          title: _this.$store.state.shareTitle, // 分享标题
          link: _this.$store.state.shareLink, // 分享链接
          imgUrl: _this.$store.state.sharePic, // 分享图标
          success: function () { 
            // 设置成功
              console.log('分享给朋友功能已准备就绪')
          }
        });

        wx.updateAppMessageShareData({
          title: _this.$store.state.shareTitle, // 分享标题
          desc: _this.$store.state.shareDesc, // 分享描述
          link: _this.$store.state.shareLink, // 分享链接
          imgUrl: _this.$store.state.sharePic, // 分享图标
          type: '', // 分享类型,music、video或link，不填默认为link
          dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function () { 
              // 设置成功
              console.log('分享到朋友圈功能已准备就绪')
          }
        });
      });

      wx.error(function(res){
        _this.$toast.fail('微信接口调用失败')
      });
    }
  }
}
</script>

<style scoped>
</style>
